<html>
<head>
<style>
@page {
  margin: 0;
  size: 200px 200px;
}
body {
  margin: 0;
  padding: 0px;
  max-width: 200px;
}
</style>
</head>
<body>
<div style="height: 20px; background-image: linear-gradient(to left, red, orange 30%, blue);"></div>

<div style="transform: rotate(90deg); height: 30px; background-image: linear-gradient(to top, red, green);"></div>

</body>
</html>
